<section>
  <div class="operation">
    <fui-select [(ngModel)]="currentYear" (ngModelChange)="onYearChange()">
      <fui-select-option
        *ngFor="let year of years"
        [value]="year"
        [label]="year"
      >
        {{year}}
      </fui-select-option>
    </fui-select>
    <button fuiBtn="primary" fuiBtnOutline (click)="toggleSelectAll()">
      Toggle select all
    </button>
    <button fuiBtn="primary" fuiBtnOutline (click)="onlyWeekend()">
      Only weekend
    </button>
    <button fuiBtn="primary" fuiBtnOutline (click)="onlyWeekday()">
      Only weekday
    </button>
  </div>

  <div class="year">
    <div class="month" *ngFor="let month of months">
      <div class="month-value">
        {{currentYear}} - {{month + 1 | number:'2.0-0'}}
      </div>
      <fui-calendar-lite
        [showYear]="currentYear"
        [showMonth]="month"
        [values]="days"
        (clickDayChange)="onDayChange($event)"
      ></fui-calendar-lite>
    </div>
  </div>
</section>
